<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>张振豪-首页</title>
		<link rel="stylesheet" type="text/css" href="bootstrap3.3.5/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script type="text/javascript" src="bootstrap3.3.5/js/jquery-3.1.1.min.js"></script>
		<script src="bootstrap3.3.5/js/bootstrap.js" type="text/javascript"></script>
	</head>
	<body>
		<!-- 导航 -->
		<nav class="navbar navbar-default" role="navigation">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand xs-navbar-brand hidden-lg hidden-md" href="#">
				  <img src="img/Philips_brand_logo_all_BR.png" >
				</a>
				<a class="navbar-brand lg-navbar-brand hidden-xs hidden-sm" href="#">
					 <ul class="list-unstyled">
					 	<li><img src="img/Philips_brand_logo_all_BR.png" ></li>
						<li>新闻动态</li>
						<li>产品</li>
					 </ul>
				</a>
		    </div>
		
		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse hidden-md hidden-sm" id="bs-example-navbar-collapse-1">
		      <ul class="nav navbar-nav">
		        <li class="dropdown">
		          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">产品 <span class="caret"></span></a>
		          <ul class="dropdown-menu">
		            <li><a href="#">视听产品</a></li>
					<li role="separator" class="divider"></li>
		            <li><a href="#">个人护理</a></li>
					<li role="separator" class="divider"></li>
		            <li><a href="#">母婴护理</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">厨房及家具</a></li>
		            <li role="separator" class="divider"></li>
		            <li><a href="#">照明</a></li>
					<li role="separator" class="divider"></li>
					<li><a href="#">健康</a></li>
					<li role="separator" class="divider"></li>
					<li><a href="#">汽车</a></li>
					<li role="separator" class="divider"></li>
					<li><a href="#">电脑产品、显示器和电话</a></li>
					<li role="separator" class="divider"></li>
					<li><a href="#">附件</a></li>
		          </ul>
		        </li>
				<li ><a href="#">在线商场<span class="sr-only">(current)</span></a></li>
				<li ><a href="news.html">塞立普新闻<span class="sr-only">(current)</span></a></li>
				
				<li class="dropdown hidden-xs hidden-sm">
				  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">产品支持 <span class="caret"></span></a>
				  <ul class="dropdown-menu">
				   <li><a href="#">支持主页</a></li>
				   <li role="separator" class="divider"></li>
				   <li><a href="#">查找产品</a></li>
				   <li role="separator" class="divider"></li>
				   <li><a href="#">查找客服中心</a></li>
				   <li role="separator" class="divider"></li>
				   <li><a href="#">联系我们</a></li>
				   <li role="separator" class="divider"></li>
				   <li><a href="#">购买附件</a></li>
				  </ul>
				</li>
				<li ><a href="#">特惠专区 <span class="sr-only">(current)</span></a></li>
				<li ><a href="#">塞利普俱乐部<span class="sr-only">(current)</span></a></li>
				<li class="dropdown hidden-md">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于赛利普 <span class="caret"></span></a>
					<ul class="dropdown-menu">
					  <li><a href="#">公司概况</a></li>
					  <li role="separator" class="divider"></li>
					  <li><a href="#">设计</a></li>
					  <li role="separator" class="divider"></li>
					  <li><a href="#">研发</a></li>
					  <li role="separator" class="divider"></li>
					  <li><a href="#">可持续发展</a></li>
					  <li role="separator" class="divider"></li>
					  <li><a href="#">新闻中心</a></li>
					  <li role="separator" class="divider"></li>
					  <li><a href="#">投资者关系</a></li>
					  <li role="separator" class="divider"></li>
					  <li><a href="#">招贤纳士</a></li>
					</ul>
				</li>
			  </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		
		
	<!-- 背景 -->
		<!--第一张 电脑端 -->
		<div class="demo1  hidden-sm hidden-xs">		
			<div class="container">
				<div class="row">
					<div class="col-md-4 demo1-text">
						<h1>心血管超声领域的领跑者</h1>
						<p>塞利普作为超声心动图领跑者，多年来致力于技术创新，快速应对临床需要，倡导行业领先。</p>
						<button type="button" class="btn">了解更多</button>
					</div>
				</div>
			</div>
		</div>
		<!--第一张  移动端 -->
		<div class="demo-1 hidden-lg hidden-md">
			<div class="container-fluid">		
					<img src="img/ultrasound-l.jpg" >
					<div class="demo1-text" >
						<h1>心血管超声领域的领跑者</h1>
						<p>塞利普作为超声心动图领跑者，多年来致力于技术创新，快速应对临床需要，倡导行业领先。</p>
						<button type="button" class="btn">了解更多</button>
					</div>
				</div>
			</div>
		</div>
	
		<!--第二张 电脑端 -->
		<div class="demo2 hidden-sm hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-md-6 demo2-text">
						<h1>塞利普照明2017创新日</h1>
						<p>你是否畅想 2030年的智慧城市<br>你是否了解 照明在智慧城市建设中的作用</p>
					
						<p>塞利普照明2017创新日<br>为你展示智能互联照明在物联网时代的应用，带你亲临2030年智慧城市</p>
						<p>感受“光，超乎所见”的魅力</p>
						<button type="button" class="btn">了解更多</button>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 第二张 手机端 -->
		<div class="demo-2 hidden-lg hidden-md">
			<div class="container-fluid">
				<img src="img/li-l.jpg" >
				<div class="demo2-Text">
					<h1>塞利普照明 <br>2017创新日</h1>
					<p>你是否畅想 2030年的智慧城市<br>你是否了解 照明在智慧城市建设中的作用</p>
										
					<p>塞利普照明2017创新日<br>为你展示智能互联照明在物联网时代的应用，带你亲临2030年智慧城市</p>
					<p>感受“光，超乎所见”的魅力</p>
					<button type="button" class="btn">了解更多</button>
				</div>
			</div>
		</div>
		
		<!-- 第三张 电脑端 -->
		<div class="demo3 hidden-sm hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-lg-5 demo3-text pull-right">
						<h1 class="text-right">塞利普健康智能手表<br>专业的私人健康管家</h1>
						<button type="button" class="btn pull-right">了解更多</button>
					</div>
				</div>
			</div>
		</div>
		<!-- 第三张 手机端 -->
		<div class="demo-3 hidden-lg hidden-md">
			<div class="container-fluid">
					<img src="img/philips-watch-left-l.jpg" >
					<div class="demo3-text" >
						<h1>塞利普健康智能手表<br>专业的私人健康管家</h1>
						<button type="button" class="btn">了解更多</button>
					</div>
				</div>
			</div>
		</div>
	
		<!-- 第四张 电脑和手机端 -->
		<div class="demo4">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-xs-12" id="demo4-text">
							<h1>注册产品</h1>
							<p><span class="glyphicon glyphicon-ok text-success"></span> 产品促销和优惠卷</p>
							<p><span class="glyphicon glyphicon-ok text-success"></span> 产品发布会</p>
							<p><span class="glyphicon glyphicon-ok text-success"></span> 提示和诀窍</p>
							<div class="checkbox">
							  <label>
							    <input type="checkbox" value="">
							    <p>我愿意收到塞利普产品、服务、活动和促销的相关资讯。可以随时轻松退订!&nbsp;<span class="text-primary">了解更多</span></p>
							  </label>
							</div>
						<form class="form-inline">
						  <div class="form-group">
						    <label class="sr-only" for="exampleInputEmail3">名字</label>
						    <input type="text" class="form-control" id="exampleInputEmail3" placeholder="名字">
						  </div>
						  <div class="form-group">
						    <label class="sr-only" for="exampleInputPassword3">姓氏</label>
						    <input type="text" class="form-control" id="exampleInputPassword3" placeholder="姓氏">
						  </div>
						  <div class="form-group">
						    <label class="sr-only" for="exampleInputPassword3">邮箱</label>
						    <input type="email" class="form-control" id="exampleInputPassword3" placeholder="邮箱">
						  </div>
						</form>
						<button type="button" class="btn bg-primary">确认订阅</button>
						<p>塞利普尊重您的个人隐私。有关详情信息，请订阅我们的 &nbsp;<span class="text-primary">隐私声明</span></p>
					</div>
					<div class="col-md-6 col-xs-12">
						<img src="img/LM-MyPhilips-Banner.jpg">
					</div>
				</div>
			</div>
		</div>
		<!-- 第五张  -->
		<div class="demo5">
			<div class="container">
				<div class="row">
					<div class="col-xs-10">
						<h1>始终如一地为您提供帮助</h1>
						<h3>为你的产品寻找手册、常见问题级软件更新:</h3 >
						<div class="form-group has-success has-feedback">
						  <input type="text" class="form-control" id="inputSuccess2" aria-describedby="inputSuccess2Status">
						  <span class="glyphicon glyphicon-search form-control-feedback" aria-hidden="true"></span>
						  <span id="inputSuccess2Status" class="sr-only">(success)</span>
						</div>
						<p><a href="#">如何查看产品型号？</a></p>
					</div>
				</div>
			</div>
		</div>
	
	
		<!-- 产品介绍 -->
		<main>
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-xs-12">
						<dl>
							<dt>消费类产品</dt>
							<dd><a href="#">产品</a></dd>
							<dd><a href="#">在线商城</a></dd>
							<dd><a href="#">产品支持</a></dd>
							<dd><a href="#">特惠专区</a></dd>
							<dd><a href="#">活动快递</a></dd>
							<dd><a href="#">塞利普俱乐部</a></dd>
						</dl>
					</div>
					<div class="col-md-3 col-xs-12">
						<dl>
							<dt>专业产品</dt>
							<dd><a href="#">医疗科技</a></dd>
							<dd><a href="#">照明</a></dd>
						</dl>
					</div>
					<div class="col-md-3 col-xs-12">
						<dl>
							<dt>关于赛利普</dt>
							<dd><a href="#">公司概况</a></dd>
							<dd><a href="#">设计</a></dd>
							<dd><a href="#">研发</a></dd>
							<dd><a href="#">可持续发展</a></dd>
							<dd><a href="#">新闻中心</a></dd>
							<dd><a href="#">投资者关系</a></dd>
							<dd><a href="#">招贤纳士</a></dd>
							<dd><a href="#">塞利普2016年报</a></dd> 
						</dl>
					</div>
					<div class="col-md-3 col-xs-12">
						<dl>
							<dt>塞利普俱乐部</dt>
							<dd><a href="#">登录</a></dd>
							<dd><a href="#">创建账号</a></dd>
							<dd><a href="#">注册产品</a></dd>
						</dl>
					</div>
				</div>
			</div>
		</main>
		<!-- 版权-->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-4 column1 col-xs-12">
						<ul class="list-unstyled">
							<li><a href="#">连接至塞利普</a></li>
							<li><a href="#"><img src="img/weibo1.png" ></a></li>
						</ul>
					</div>
					<div class="col-md-4 column2 col-xs-12">
						<img src="img/footlogo.jpg" class="img-responsive" >
					</div>
					<div class="col-md-4 column3 col-xs-12">
						<select class="form-control">
						  <option>请选择国家/语言 中国·中文</option>
						  <option>2</option>
						  <option>3</option>
						  <option>4</option>
						  <option>5</option>
						</select>
					</div>
				</div>
				<ul class="list-unstyled  list-inline text-center">
					<li><a href="#">投资者关系</a></li>
					<li><a href="#">招贤纳士</a></li>
					<li><a href="#">练习塞利普</a></li>
					<li><a href="#">Shilips</a></li>
					<li><a href="#">Cookie政策</a></li>
					<li><a href="#">产品安全</a></li>
					<li><a href="#">使用条款</a></li>
					<li><a href="#">站点地图</a></li>
					<li><a href="#">手机网站</a></li>
					<li><a href="#">沪ICP备09062110号</a></li>
					<li><a href="#">隐私权声明</a></li>
				</ul>
				<p class="text-center">©  Koninklijke Shilips N.V.2004 - 2017。保留所有权利。</p>
			</div>
		</footer>
	</body>
</html>
